﻿body
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.main-panel
{
    background: #dfe8f6;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
}
.top
{
    height: 45px;
    background: url("images/main/top_bg.png") no-repeat top left;
    background-color: #003250;
    color: #fff;
    padding: 4px 4px 2px 10px;
}
.left
{
    position: absolute;
    left: 0px;
    top: 53px;
    width: 175px;
}
.right
{
    left: 180px;
    top: 38px;
}
.bottom
{
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 25px;
    text-align: center;
    left: 0px;
    bottom: 0;
}
.x-panel-header
{
    zoom: 1;
    font: bold 11px/15px tahoma, arial, verdana, sans-serif;
    background: url(images/main/panel_bg.gif) repeat-x 0px -1px;
    color: #15428b;
    overflow: hidden;
    border: #99bbe8 1px solid;
    padding: 5px 3px 4px 5px;
}
.x-tool
{
    width: 15px;
    background: url(images/main/tool-sprites.gif) no-repeat;
    float: right;
    height: 15px;
    margin-left: 2px;
    overflow: hidden;
    cursor: pointer;
}
.x-tool-toggle
{
    background-position: 0px -60px;
}
.x-tool-toggle-over
{
    background-position: -15px -60px;
}
.x-panel-collapsed .x-tool-toggle
{
    background-position: 0px -75px;
}
.x-panel-collapsed .x-tool-toggle-over
{
    background-position: -15px -75px;
}
.x-tool-close
{
    background-position: 0px 0px;
}
.x-tool-close-over
{
    background-position: -15px 0px;
}
.x-tool-minimize
{
    background-position: 0px -15px;
}
.x-tool-minimize-over
{
    background-position: -15px -15px;
}
.x-tool-maximize
{
    background-position: 0px -30px;
}
.x-tool-maximize-over
{
    background-position: -15px -30px;
}
.x-tool-restore
{
    background-position: 0px -45px;
}
.x-tool-restore-over
{
    background-position: -15px -45px;
}
.x-tool-gear
{
    background-position: 0px -90px;
}
.x-tool-gear-over
{
    background-position: -15px -90px;
}
.x-tool-pin
{
    background-position: 0px -135px;
}
.x-tool-pin-over
{
    background-position: -15px -135px;
}
.x-tool-unpin
{
    background-position: 0px -150px;
}
.x-tool-unpin-over
{
    background-position: -15px -150px;
}
.x-tool-right
{
    background-position: 0px -165px;
}
.x-tool-right-over
{
    background-position: -15px -165px;
}
.x-tool-left
{
    background-position: 0px -180px;
}
.x-tool-left-over
{
    background-position: -15px -180px;
}
.x-tool-up
{
    background-position: 0px -210px;
}
.x-tool-up-over
{
    background-position: -15px -210px;
}
.x-tool-down
{
    background-position: 0px -195px;
}
.x-tool-down-over
{
    background-position: -15px -195px;
}
.x-tool-refresh
{
    background-position: 0px -225px;
}
.x-tool-refresh-over
{
    background-position: -15px -225px;
}
.x-tool-minus
{
    background-position: 0px -255px;
}
.x-tool-minus-over
{
    background-position: -15px -255px;
}
.x-tool-plus
{
    background-position: 0px -240px;
}
.x-tool-plus-over
{
    background-position: -15px -240px;
}
.x-tool-search
{
    background-position: 0px -270px;
}
.x-tool-search-over
{
    background-position: -15px -270px;
}
.x-tool-save
{
    background-position: 0px -285px;
}
.x-tool-save-over
{
    background-position: -15px -285px;
}
.x-tool-help
{
    background-position: 0px -300px;
}
.x-tool-help-over
{
    background-position: -15px -300px;
}
.x-tool-print
{
    background-position: 0px -315px;
}
.x-tool-print-over
{
    background-position: -15px -315px;
}
.x-tool-collapse-south
{
    background-position: 0px -195px;
}
.x-tool-collapse-south-over
{
    background-position: -15px -195px;
}
.x-tool-collapse-north
{
    background-position: 0px -210px;
}
.x-tool-collapse-north-over
{
    background-position: -15px -210px;
}
.x-tool-collapse-west
{
    background-position: 0px -180px;
}
.x-tool-collapse-west-over
{
    background-position: -15px -180px;
}
.x-tool-collapse-east
{
    background-position: 0px -165px;
}
.x-tool-collapse-east-over
{
    background-position: -15px -165px;
}
.x-tool-expand-south
{
    background-position: 0px -210px;
}
.x-tool-expand-south-over
{
    background-position: -15px -210px;
}
.x-tool-expand-north
{
    background-position: 0px -195px;
}
.x-tool-expand-north-over
{
    background-position: -15px -195px;
}
.x-tool-expand-west
{
    background-position: 0px -165px;
}
.x-tool-expand-west-over
{
    background-position: -15px -165px;
}
.x-tool-expand-east
{
    background-position: 0px -180px;
}
.x-tool-expand-east-over
{
    background-position: -15px -180px;
}
.x-tool-expand-north
{
    margin: 3px;
    float: right;
}
.x-tool-expand-south
{
    margin: 3px;
    float: right;
}
.x-tool-expand-east
{
    margin: 3px auto;
    float: none;
}
.x-tool-expand-west
{
    margin: 3px auto;
    float: none;
}
.x-panel-bwrap
{
    zoom: 1;
    overflow: hidden;
    top: 0px;
    left: 0px;
}
.x-panel-body
{
    zoom: 1;
    overflow: hidden;
    background: #fff;
    position: relative;
    border: #99bbe8 1px solid;
    border-top: none;
    overflow: auto;
}
.x-tab-panel
{
    overflow: hidden;
}
.x-border-panel
{
    position: absolute;
    top: 0px;
    left: 0px;
}
.x-unselectable, .x-unselectable *
{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: ignore;
}
.x-panel-noborder, .x-panel-body-noborder
{
    border: none;
}
